<!DOCTYPE html>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest()
{
  document.querySelector('#outer').style.outline = 'green solid 2px';
}
onload = runRepaintAndPixelTest;
</script>
<style>
p, .inner { height: 20px; }
#container { position: absolute; width: 200px; padding: 10px; top: 100px; }
</style>
<p>
  This test is verifying that when the outline is added to an element
  that we correctly invalidate any continuations.
</p>
<p>
  If this test passes, you should see a green border around "CONTENTS".
</p>
<div id="container">
    <span id="outer">
        CONTENTS
        <div class="inner">CONTENTS</div>
        CONTENTS
        <div class="inner">CONTENTS</div>
    </span>
    <span>
        <div class="inner">Should not have green border</div>
    </span>
</div>
